<template>
    <view>
        <uni-search-bar placeholder="请输入文件名称关键词查询" bgColor="#FFFFFF" @confirm="search" class="search" />
        <view class="menu_box1">
            <uni-list :border="false">
                <uni-list-item class="middle" title="公共文件.doc" note="2023-10-12 12:09:00 更新" :showArrow="false" thumb="/static/doc@2x.png" thumb-size="base" />
                <view class="button-container">
                    <button @click="toApply" class="button" type="primary"><text
                            class="button-text">下载</text></button>
                </view>
            </uni-list>

        </view>
        <view class="menu_box1">
            <uni-list :border="false">
                <uni-list-item class="middle" title="公共文件.ppt" note="2023-10-12 12:09:00 更新" :showArrow="false" thumb="/static/ppt@2x.png" thumb-size="base" />
                <view class="button-container">
                    <button @click="toApply" class="button" type="primary"><text
                            class="button-text">下载</text></button>
                </view>
            </uni-list>
        </view>
        <view class="menu_box1">
            <uni-list :border="false">
                <uni-list-item class="middle" title="公共文件.excle" note="2023-10-12 12:09:00 更新" :showArrow="false" thumb="/static/excle@2x.png" thumb-size="base" />
                <view class="button-container">
                    <button @click="toApply" class="button" type="primary"><text
                            class="button-text">下载</text></button>
                </view>
            </uni-list>
        </view>
        <view class="menu_box1">
            <uni-list :border="false">
                <uni-list-item class="middle" title="公共文件.png" note="2023-10-12 12:09:00 更新" :showArrow="false" thumb="/static/png@2x.png" thumb-size="base" />
                <view class="button-container">
                    <button @click="toApply" class="button" type="primary"><text
                            class="button-text">下载</text></button>
                </view>
            </uni-list>
        </view>
        <view class="menu_box1">
            <uni-list :border="false">
                <uni-list-item class="middle" title="公共文件.avi" note="2023-10-12 12:09:00 更新" :showArrow="false" thumb="/static/avi@2x.png" thumb-size="base" />
                <view class="button-container">
                    <button @click="toApply" class="button" type="primary"><text
                            class="button-text">下载</text></button>
                </view>
            </uni-list>
        </view>


    </view>
</template>

<script>

</script>

<style setup>
.search{
    margin: 10px 25px;
    height: 30px;
    border-radius: 6px;
    margin: 12px;
}

.uni-h6{
    width: 144px;
    height: 17px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #999DA3;
}
.menu_box1{
    margin: 10px 25px;
    margin-top: 15px;
    height: 90px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 #E2E4EB;
    border-radius: 10px;
    font-size: 30px;

}
.title{
    width: 105px;
    height: 21px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 20px;
    color: #212121;
    margin-top: 20px;

}
.note{
    width: 147px;
    height: 17px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 15px;
    color: #999DA3;

}
.uni-list-item__content-title{
    font-size: 17px !important;

}
.uni-list-item__content-note{
    font-size: 14px !important;
    margin-top: 18px;
}
.uni-list-item{
    margin-top: 13px;
}
.button-container{
    display: inline;
    text-align: right;
    margin-top: -60px;
    margin-right: 20px;
}
.button{
    display: inline;
    width: 56px;
    height: 26px;
    background-image: linear-gradient(90deg, #6CA9FF 0%, #166AFF 100%);
    border-radius: 16px;
    text-align: center;

}
.button-text{
    width: 28px;
    height: 20px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
}

</style>
